<layout name="Layout/layout" />



<form action="__SELF__" method="post" class="form-horizontal" role="form" enctype="multipart/form-data">
    <!-- #section:elements.form -->

    <div class="form-group">
        <label class="col-sm-2 control-label no-padding-right" for="title"> 产品名称： </label>

        <div class="col-sm-10">
            <input type="text" id="title" name="title" value="" placeholder="" class="col-xs-10 col-sm-5" />
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-2 control-label no-padding-right" for="server_type_id"> 产品分类：</label>
        <div class="col-sm-10">
            <div class="col-xs-10 col-sm-5" style="padding: 0px;">
                <select class="form-control" id="server_type_id" name="server_type_id">
                    <volist name="st" id="s">
                    <option value="{$s.id}">{$s.name}</option>
                    </volist>
                </select>

            </div>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-2 control-label no-padding-right" for="homeimg"> 首页图片：</label>
        <div class="col-sm-10">
            <div class="col-xs-10 col-sm-5" style="padding: 0px;">
                <input type="file" id="homeimg" name="homeimg"/>
            </div>
            &nbsp;
            尺寸：150px*150px
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-2 control-label no-padding-right" for="introduction"> 产品简介：</label>
        <div class="col-sm-10">
                <textarea id="introduction" name="introduction" style="width: 100%;" rows="4"></textarea>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-2 control-label no-padding-right" for="content"> 产品详情： </label>

        <div class="col-sm-10">
            <script id="content" name="content" type="text/plain"></script>
        </div>
    </div>


    <div class="clearfix form-actions">
        <div class="col-md-offset-3 col-md-9">
            <button class="btn btn-info" type="submit">
                <i class="ace-icon fa fa-check bigger-110"></i>
                提交
            </button>

        </div>
    </div>

</form>

<script src="__PUBLIC__/ueditor1.4.3.1/ueditor.config.js"></script>
<script src="__PUBLIC__/ueditor1.4.3.1/ueditor.all.js"></script>
<script src="__PUBLIC__/ueditor1.4.3.1/lang/zh-cn/zh-cn.js"></script>



<script>
    UE.getEditor('content',{
        "initialFrameWidth" : "100%",  // 宽
        "initialFrameHeight" : 350,     // 高
        "maximumWords" : 30000,             // 最可以输入的字符数
        toolbars: [
            [
                'anchor', //锚点
                'undo', //撤销
                'redo', //重做
                'bold', //加粗
                'indent', //首行缩进
                'italic', //斜体
                'underline', //下划线
                'strikethrough', //删除线
                'subscript', //下标
                'fontborder', //字符边框
                'superscript', //上标
                'formatmatch', //格式刷
                'source', //源代码
                'blockquote', //引用
                'pasteplain', //纯文本粘贴模式
                'selectall', //全选
                'preview', //预览
                'horizontal', //分隔线
                'removeformat', //清除格式
                'time', //时间
                'date', //日期
                'unlink', //取消链接
                'charts', // 图表
                'inserttable', //插入表格
                'insertrow', //前插入行
                'insertcol', //前插入列
                'mergeright', //右合并单元格
                'mergedown', //下合并单元格
                'deleterow', //删除行
                'deletecol', //删除列
                'splittorows', //拆分成行
                'splittocols', //拆分成列
                'splittocells', //完全拆分单元格
                'deletecaption', //删除表格标题
                'inserttitle', //插入标题
                'mergecells', //合并多个单元格
                'deletetable', //删除表格
                'cleardoc', //清空文档
                'insertparagraphbeforetable', //"表格前插入行"
                'fontfamily', //字体
                'fontsize', //字号
                'paragraph', //段落格式
                'simpleupload', //单图上传
                'edittable', //表格属性
                'edittd', //单元格属性
                'link', //超链接
                'emotion', //表情
                'spechars', //特殊字符
                'searchreplace', //查询替换
                'map', //Baidu地图
                'insertvideo', //视频
                'help', //帮助
                'justifyleft', //居左对齐
                'justifyright', //居右对齐
                'justifycenter', //居中对齐
                'justifyjustify', //两端对齐
                'forecolor', //字体颜色
                'backcolor', //背景色
                'insertorderedlist', //有序列表
                'insertunorderedlist', //无序列表
                'fullscreen', //全屏
                'directionalityltr', //从左向右输入
                'directionalityrtl', //从右向左输入
                'rowspacingtop', //段前距
                'rowspacingbottom', //段后距
                'pagebreak', //分页
                'insertframe', //插入Iframe
                'imagenone', //默认
                'imageleft', //左浮动
                'imageright', //右浮动
                'attachment', //附件
                'imagecenter', //居中
                'wordimage', //图片转存
                'lineheight', //行间距
                'edittip ', //编辑提示
                'customstyle', //自定义标题
                'autotypeset', //自动排版
                'touppercase', //字母大写
                'tolowercase', //字母小写
                'background', //背景
                'template', //模板
                'scrawl', //涂鸦
                'music', //音乐

                'drafts', // 从草稿箱加载

            ]
        ]
    });

</script>

<script type="text/javascript">
    jQuery(function($) {
        $('#homeimg').ace_file_input({
            no_file:'请选择图片',
            btn_choose:'选择',
            btn_change:'更改',
            droppable:true,
            onchange:null,
            thumbnail:false,
            whitelist:'gif|png|jpg|jpeg',
            blacklist:'exe|php'
        }).on('change', function(){
            console.log($(this).data('ace_input_files'));
            console.log($(this).data('ace_input_method'));
        });

    });
</script>

